﻿$body-padding: 9px;
$body-font-size: 30px;
$body-font: Arial,"Hevetica Neue", Arial, Helvetica, sans-serif;
$column_RightBorder-width: 25%;
$li-after-top: 41px;

body {
    font-family: $body-font;
    font-size: $body-font-size;
    padding: $body-padding;
}

.MainContainer {
    max-width: 1200px;
    margin: 0px auto;
    top: 15px;
}

.column_RightBorder {
    width: $column_RightBorder-width;
    height: 100%;
    border-right: 2px solid black;
}

.description {
    position: absolute;
    top: $body-padding;
    left: $column_RightBorder-width+10%; /* Расстояние от левого края */
    /*div > a {
        display: inline-block;*/ /* Строчно-блочный элемент */
    /*background: #8C959D;*/ /* Серый цвет фона */
    /*color: #fff;*/ /* Белый цвет текста */
    /*padding: 1rem 1.5rem;*/ /* Поля вокруг текста */
    /*text-decoration: none;*/ /* Убираем подчёркивание */
    /*border-radius: 3px;*/ /* Скругляем уголки */
    /*margin-right: 10px;
    }*/
}
/*
.Arrow {
    content: ">";
}*/
ul {
    list-style: none;
}

li::before {
    content: "";
    border-left: 3px solid black;
    position: absolute;
    height: 100%;
    top: 0;
    left: -30px;
}

li::after {
    content: "";
    border-bottom: 3px solid black;
    position: absolute;
    top: $li-after-top;
    left: -30px;
    width: 15px;
}

li:last-child::before {
    height: $li-after-top
}

li {
    position: relative;
    padding-top: 20px;
}


/*ааптивная верстка*/
@media (max-width:1200px) {
    .container {
        max-width: 970px;
    }
}

@media (max-width:992px) {
    .container {
        max-width: 750px;
    }
}

@media (max-width:767px) {
    .container {
        max-width: none;
    }
}
/*адаптивная верстка end*/

/*.li::before {
    content: ">";
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.1em;
    height: 0.7em;
    border-bottom: 1px solid #ccc;
}*/

.ProblemTitle {
    cursor: pointer;
}

.abutton {
    display: inline-block; /* Строчно-блочный элемент */
    background: #8C959D; /* Серый цвет фона */
    color: #fff; /* Белый цвет текста */
    padding: 1rem 1.5rem; /* Поля вокруг текста */
    text-decoration: none; /* Убираем подчёркивание */
    border-radius: 3px; /* Скругляем уголки */
    margin-right: 10px;
}
/*toDoList*/
.treeline {
    list-style: none;
}
.treeline {
    .drop {
        position: relative;
        left: -.5em;
        /* top: .4em;  .2em (font-size: 80%;) + .2em (padding из .treeCSS li li) */
        width: .9em;
        height: .9em;
        line-height: .9em;
        text-align: center;
        background: #fff;
        font-size: 80%;
        cursor: pointer;
    }

    .drop .SubProblemContainer {
        display: none;
    }

    .dropM > ul {
        display: block;
    }
}

.treeline li:last-child > .drop {
    margin-left: 1px;
}

.message {
    color: red;
    margin-top: 2%;
    text-align: center;
}